<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>后台首页</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1658828_vud4w73neg.css">
    <link rel="stylesheet" href="/admin/css/style.css">
</head>

<body class="bg-light">
    <%- include('header.html') -%>

        <div class="container-fluid vh-100">
            <div class="row h-100">
                <%- include('navs.html') -%>
                    <div class="col-10">
                        <div class="p-3 border mb-3 bg-white d-flex justify-content-between">
                            <span>上次登录时间：<%=lastLoginTime.toLocaleString()%></span>
                            <a href="/user/logout" class="text-dark text-decoration-none"><i
                                    class="iconfont icon-tuichu pr-1"></i>退出</a>
                        </div>
                        <% if (user.role!=4) { %>
                            <div class="card-deck">
                                <div class="card text-center">
                                    <div class="card-header bg-info text-white">总选题数</div>
                                    <div class="card-body">
                                        <%= articleCount %>
                                    </div>
                                </div>
                                <div class="card text-center">
                                    <div class="card-header bg-warning text-white">总方向数</div>
                                    <div class="card-body">
                                        <%= categoryCount %>
                                    </div>
                                </div>
                            </div>
                            <% } %>

                            <div class="card">
                                <div class="card-header bg-primary text-white d-flex justify-content-between">
                                    <h6 class="mb-0 align-self-center">个人信息</h6>
                                </div>
                                <div class="form-row">
                                    <h5 class="col-2 text-left ml-3">账号：<%= user.account %> </h5>
                                </div>
                                <div class="form-row mt-3">
                                    <h5 class="col-2 text-left ml-3">姓名：<%= user.username %> </h5>
                                </div>
                            </div>
                    </div>
            </div>
        </div>

        <script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/js/bootstrap.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/holder/2.9.6/holder.min.js"></script>
        <script src="https://gw.alipayobjects.com/os/lib/antv/g2/3.5.12/dist/g2.min.js"></script>
        <script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.data-set-0.10.2/dist/data-set.min.js"></script>
        <script src="/admin/js/public.js"></script>
</body>

</html>